<template>
  {{value}}
  <button @click="add1">add</button>
</template>
<script setup lang="ts">

// 性能评测：lightHouse
// 代码分析：基于 rollup 打包，使用 rollup-plugin-visualizer 可以看到打包后的代码块大小
// 性能优化：Vite 原生打包配置，减小打包体积，PWA 离线缓存技术减小加载时间
// Worker Service 工作者线程计算耗时任务与主线程交互减小计算时间
// 虚拟列表：仅创建视口区域内的 DOM 删除区域外 DOM
// 防抖节流：针对事件在一定时间内限制触发次数


const value = ref<number>(0)
const add1 = () =>{
  value.value ++
}
</script>
<style scoped lang="less">

</style>
